<template>
  <div>
    <!-- 
      过滤器的使用是在插值语法中,在数据后添加一个管道符,后边书写过滤器
      如果过滤器不需要传参,则直接书写过滤器名称即可
      如果过滤需要传参,则直接传参
      插值语法中如果有过滤器,则插值语法展示的其实是过滤器函数的返回值

     -->
     <p>商品1的价格是{{price | priceFormat(1)}}</p>
      <p>商品1的价格是{{price | priceFormat(2)}}</p>
  </div>
</template>

<script>
export default {
  name:"App",
  data(){
    return {
      price:100,
    }
  },
  filters:{
    priceFormat(data,num) {
       return "￥" + data.toFixed(num);
    }
  }
};
</script>

<style></style>
